草庐IT

Font Awesome 图标

全部标签

javascript - 如何开始旋转一个 bootstrap Font Awesome 图标,然后使用 jQuery 让它停止

我正在处理的网页上有很棒的字体刷新图标。单击此图标时,我希望它开始旋转。我已经能够通过在我的JavaScript文件中输入以下内容来完成此操作:$('#lock-refresh').click(function(){$(this).addClass('fa-spin').//BelowisafunctionthatIneedtorunaftertheFAiconisclicked.startup();});不过,我只需要让这个图标旋转几秒钟。我试图将此(如下)添加到我的JS文件中,但是当我这样做时图标根本不旋转:$('#lock-refresh').click(function(){$

javascript - 如何在 jQuery 数据表上添加带有搜索图标的占位符文本

我正在使用jQuery数据表,我想在搜索输入框中显示带有搜索图标的“搜索”文本作为占位符。我设法添加了文本。请告诉我如何添加占位符图像$(document).ready(function(){$('#example').DataTable({oLanguage:{sSearch:''},"aoColumnDefs":[{'bSortable':false,'aTargets':[3]}]});functionInitComplete(oSettings){$('#example_filter').contents().filter(function(){returnthis.nodeT

javascript - 删除 Bootstrap 的验证图标

解释我正在尝试删除这些Bootstrap'svalidation图标(“x”和“check”),但我已经查看了所有内容,但找不到它在哪里。代码你也可以在里面看到这个JSFiddle.OpenthisselectmenuOneTwoThreeExampleinvalidcustomselectfeedback提前致谢,路易斯。 最佳答案 如果您正在编译BootStrap的SCSS,您可以在导入bootstrap.scss之前包含它:$enable-validation-icons:false;

javascript - Bootstrap 移动菜单图标更改为 x 关闭

编辑@zim答案使用2020CSS轻松解决问题,更好地适用于Bootstrap4。原始问题和选择的答案仍然有效且信息量很大。原始问题我希望,在移动View中,菜单图标(在Bootstrap基本导航栏示例中使用类icon-bar定义)更改为X形状(类似于此处发生的情况:https://www.mint.com但不那么花哨(我只想用X替换3条条纹)。目前我正在使用自定义id:#ChangeToggleTogglenavigation连同以下javascript函数(我知道它很基本,但我是新手):$('#ChangeToggle').click(function(){if($('#Chang

javascript - 正在编译 less modifyVars 时加载图标

我在前端使用window.less.modifyVars(modified_variables);来反射(reflect)变化。我想在less编译时显示loadingicon。有什么方法可以检查less是否已经开始编译并完成。 最佳答案 在less.jsGitHub存储库中,我提到了他们如何在testspec中使用modifyVars().您可以显示加载图标,调用modifyVars方法,然后使用.then()隐藏加载图标。//Showloadingiconless.modifyVars({var1:"green",var2:"pu

javascript - 如何添加箭头图标以展开和折叠带有可展开行的 Angular Mat-Table 中的任何行?

我创建了一个带有可扩展行的垫子表,就像Angular8中的这个一样:https://stackblitz.com/angular/pmagobelkkg?file=app%2Ftable-expandable-rows-example.ts但是,如上例所示,仅当我单击该行中的某处时,该行才会展开。有什么方法可以为每一行添加向上和向下箭头图标,这样只有当我点击每一行中的图标时,该行才会展开吗?非常感谢! 最佳答案 这是您的stackblitz的解决方案。Forkedstackblitz希望对您有所帮助!

javascript - 动态图标的更新频率

我想了解如何使用GoogleChrome浏览器动态更新网站图标,我注意到浏览器似乎限制了每秒更新网站图标的频率,这让事情看起来很草率。我为此制作的测试页是:http://staticadmin.com/countdown.html这只是一条显示倒计时结果的滚动消息。我添加了一个输入字段来调整脚本每秒移动多少像素,我已经观察到在GoogleChrome中的最大值约为每秒5帧,但我没有在任何其他浏览器中对其进行测试。我的问题是最大频率是多少,有什么方法可以改变它,背后有什么特别的原因吗?注意:我还注意到该值也会根据窗口焦点而变化。当浏览器的窗口未处于焦点时,它似乎下降到每秒大约1次更新,并

javascript - 如何更改拉斐尔图标的大小?

如何从免费的Raphael图标更改图标的宽度和高度?我尝试使用attr,尝试使用%,像这样varpaper=Raphael("canvas",100%,100%);.我需要这样做:如果我更改父block的大小,我的图标的大小也会更改。upd:我尝试使用“scale”和“transform”,但图标从中心调整大小并且不能正确适应父级 最佳答案 根据Raphael.js文档varel=paper.rect(10,20,300,200);//translate100,100,rotate45°,translate-100,0el.tran

javascript - 将下拉菜单添加到 Chrome 扩展程序图标

我知道我可以将popup.html与扩展按钮上的点击相关联。但是,我希望它是一个菜单,就像单击Chrome自己的“自定义和控制GoogleChrome”按钮(位于扩展图标右侧)后弹出的菜单一样。我试着用谷歌搜索它,但似乎没有人在谈论它。我是否缺少有关Chrome扩展程序开发的任何常识? 最佳答案 你不能。您可以通过chrome.browserAction.onClicked注册点击但不显示UI,或者在弹出窗口中打开HTML页面。您可以将其样式设置为看起来像菜单,但它仍然不像native下拉菜单。请注意,您可以右键单击扩展按钮,但您到

javascript - 带有图标的输入字段验证工作不顺利

当我的图标位于input-lg内部时,当我单击该字段时,它看起来像......我的意思是我的评论应该在这里,但它不应该使图标变大。我需要评论会出现,但在图标和输入lg字段之外。这是我的演示代码:$(document).ready(function(){$('#contact-form').validate({rules:{fullname:{minlength:4,required:true},username:{required:true,email:true},password:{minlength:8,required:true},confirm_password:{minlen